<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登录</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="./dist/css/light7.css">
    <link rel="stylesheet" href="./dist/css/main.css">

</head>
<style type="text/css">
    .infinite-scroll-preloader {
        margin-top:-20px;
    }
</style>

<body>
    <div class="page" id="order_list">
        <header class="bar bar-nav">
            <h1 class="title">订单列表</h1>
        </header>
        <div class="content infinite-scroll" data-distance="100">
            <div class="list-block">
                <ul class="list-container">
                    <a href="./detail_list.html?id=1">
                        <li class="item-content item-link">
                            <div class="item-media"><i class="icon icon-cart"></i></div>
                            <div class="item-inner">
                                <div class="item-title">2017051837584</div>
                                <div class="item-after">paid</div>
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
            <!-- preloader -->
            <div class="infinite-scroll-preloader">
                <div class="preloader"></div>
            </div>
        </div>
    </div>

<script type='text/javascript' src='./dist/js/jquery-1.12.3.js' charset='utf-8'></script>
<script type='text/javascript' src='./dist/js/light7.js' charset='utf-8'></script>
<script type='text/javascript' src='./service/config.js' charset='utf-8'></script>
<script type='text/javascript' src='./service/main.js' charset='utf-8'></script>

</body>
</html>